<!DOCTYPE html>
<p>crbug.com/561612: There should be a blue <em>square</em> below.</p>
<div id="container" style="height:100px; box-sizing:border-box;">
    <div id="child" style="-webkit-writing-mode:vertical-rl; width:40px; height:100%; background:blue;" data-expected-height=40></div>
</div>
<script src="../../resources/check-layout.js"></script>
<script>
document.body.offsetTop;
document.getElementById("container").style.paddingBottom = '60px';
checkLayout('#child');
</script>
